﻿
@{
    ViewBag.Title = "安全";
    Layout = "~/Views/Shared/_LayoutEmergency.cshtml";
}
@section css {
    <link type="text/css" href="~/Assets/Styles/libs/bootstrap-datetimepicker.min.css" rel="stylesheet" />
}
<div class="nesting main-content" ng-controller="SpecialController"
     ng-init="page='@(Request.QueryString["page"].IsEmpty() ? "1" : Request.QueryString["page"])';
     GetSpecialList('',page);
     ">
    <div>
        <div ng-cloak ng-show="PageLoading">
            <div style="text-align: center; padding-top: 140px;">
                <img src="../../Assets/Images/loading.gif" />
            </div>
        </div>
        <div ng-cloak ng-show="!PageLoading">
            <div class="row">
                <div class="col-lg-12">
                    <div class="col-lg-12">
                        <div class="panel panel-info">
                            <div class="panel-heading">
                                <span class="panel-title">特种作业相关人员资质</span>
                                <div class="pull-right">
                                    <a style="color:#ffffff;" class="pull-right" href="~/Emergency/ImportSpecialOperateItem">
                                        <span class="glyphicon glyphicon-plus" style="padding-right: 3px;"></span>导入数据
                                    </a>
                                </div>
                            </div>
                            <div class="panel-body" style="padding:0;">
                                <table class="table table-striped table-bordered">
                                    <thead>
                                        <tr class="active">
                                            <th style="width: 5%">@Resources.WebStringsBase.No</th>
                                            <th style="width: 5%">数据状态</th>
                                            <th style="width: 5%">剩余天数</th>
                                            <th style="width: 10%">所属机构</th>
                                            <th style="width: 5%">工号</th>
                                            <th style="width: 5%">姓名</th>
                                            <th style="width: 5%">持证类别</th>
                                            <th style="width: 5%">准操项目</th>
                                            <th style="width: 5%">证号</th>
                                            <th style="width: 5%">有效期</th>
                                            <th style="width: 5%">初领日期</th>
                                            <th style="width: 5%">应复审日期</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="warning" ng-show="DataList.length==0" ng-cloak>
                                            <td colspan="7">
                                                <p class="text-center" style="padding: 40px;">@Resources.WebStringsBase.NoRecord</p>
                                            </td>
                                        </tr>
                                        <tr ng-repeat="item in DataList" ng-cloak>
                                            <td style="text-align: center">
                                                <div ng-bind="$index+1"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.DataStatus"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.ValidDays"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.Organization"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.UserNo"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.UserName"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.Type"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.OperateItems"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.CardNo"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.ValidDate"></div>
                                            </td>
                                            <td>
                                                <div ng-bind="item.FirstApply"></div>
                                            </td>
                                            <td>
                                                <div>{{item.EndDate| JSONDate :'yyyy-MM-dd'}}</div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div ng-hide="!DataList || DataList.length == 0">
                    <nav style="text-align: center">
                        <ul class="pagination">
                            <li class="previous" style="cursor:pointer"><a ng-click="GetSpecialList(searchForm,1)">@Resources.WebStringsBase.FirstPage</a></li>
                            <li style="cursor:pointer"><a ng-click="GetSpecialList(searchForm,(result.currentPage - 1 < 1 ? 1 : result.currentPage - 1))">@Resources.WebStringsBase.Previous</a></li>
                            <li style="cursor:pointer" ng-class="{'active':result.currentPage==page}" ng-repeat="page in result.pages"><a ng-click="GetSpecialList(searchForm,page)" ng-bind="page"></a></li>
                            <li style="cursor:pointer"><a ng-click="GetSpecialList(searchForm,(result.currentPage + 1 > result.totalPage ? result.totalPage : result.currentPage + 1))">@Resources.WebStringsBase.Next</a></li>
                            <li class="next" style="cursor:pointer"><a ng-click="GetSpecialList(searchForm,result.totalPage)">@Resources.WebStringsBase.LastPage</a></li>
                        </ul>
                    </nav>
                </div>
            </div>

        </div>
    </div>
</div>

@section js {
    <script type="text/javascript" src="~/Assets/Scripts/pg/Special.js"></script>
    <script type="text/javascript" src="~/Assets/Scripts/libs/moment.min.js"></script>
    <script type="text/javascript" src="~/Assets/Scripts/libs/locales/date/zh-cn.js"></script>
    <script type="text/javascript" src="~/Assets/Scripts/libs/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="~/Assets/Scripts/libs/angularjs-datepicker.js"></script>
}

